﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/TKNTMaster.Master"
    Inherits="System.Web.Mvc.ViewPage<IEnumerable<UI.Models.tkntProjectModel>>" %>

<%@ Import Namespace="UI.Helper" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<%= Utils.IncludeCSS(this.Html, "~/Images/Croll.css")%>
    <style type="text/css">
        *
        {
            padding: 0px;
            margin: 0px;
        }
        a
        {
            color: #C8DCE5;
        }
        h3
        {
            margin: 40px 10px 0 10px;
            color: Black;
            font: 14pt Arial, sans-serif;
            letter-spacing: -1px;
            font-weight: bold;
        }
        .boxgrid
        {
            width: 182px;
            height: 151px;
            margin: 0px;
            float: left;
            background: #161613;
            border: solid 0px #8399AF;
            overflow: hidden;
            position: relative;
        }
        .boxgrid img
        {
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
        }
        .boxgrid p
        {
            padding: 0 10px;
            color: #afafaf;
            font-weight: bold;
            font: 10pt "Lucida Grande" , Arial, sans-serif;
        }
        .boxcaption
        {
            float: left;
            position: absolute;
            background: White;
            height: 151px;
            width: 100%;
            opacity: .4; /* For IE 5-7 */
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        }
        .captionfull .boxcaption
        {
            top: 151px;
            left: 0;
        }
        .caption .boxcaption
        {
            top: 121px;
            left: 0;
        }
        
    </style>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //To switch directions up/down and left/right just place a "-" in front of the top/left attribute

            //Full Caption Sliding (Hidden to Visible)
            $('.boxgrid.captionfull').hover(function () {
                $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 160 });
            }, function () {
                $(".cover", this).stop().animate({ top: '151px' }, { queue: false, duration: 160 });
            });
            //Caption Sliding (Partially Hidden to Visible)
            $('.boxgrid.caption').hover(function () {
                $(".cover", this).stop().animate({ top: '51px' }, { queue: false, duration: 160 });
            }, function () {
                $(".cover", this).stop().animate({ top: '110px' }, { queue: false, duration: 160 });
            });
        });
		</script>
    <%= Utils.IncludeJS(this.Html, "~/Scripts/jquery.tinyscrollbar.min.js")%>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#scrollbar1').tinyscrollbar();
        });
    </script>
    <div class="bg">
        <% string i = ViewData["Category"].ToString();
            if(i == "1")
            {
             %>
             <div class="bgWhite">
            <div class="titleBlack">
                VĂN PHÒNG</div>
            <div class="textBlack">
                Thành lập vào năm 2008 với khởi đầu nhiều khó khăn qua 2 năm hoạt động, Khang Việt
                Phát đã từng bước khẳng định được mình trong phân khúc thị trường xây dựng nhà phố
                và biệt thự với nhiều công trình lớn nhỏ tại khu vực TP. Hồ Chí Minh và các tỉnh
                lân cận.
                <br />
                <br />
                Những công trình công ty thực hiện luôn đãm bảo được chất lượng, an toàn, đúng tiến
                độ đáp ứng sự mong đợi của khách hàng.Với đội ngũ kỹ sư,kiến trúc sư nhiệt huyết,
                giỏi nghề Khang Việt Phát đang từng bước phát triển để trở thành nhà thầu chuyên
                nghiệp trong lĩnh vực xây dựng dân dụng và công nghiệp.</div>
        </div>
             <% } %>
         <% if(i == "2")
            { %>
            <div class="bgWhite">
            <div class="titleBlack">
                CAN HO</div>
            <div class="textBlack">
                Thành lập vào năm 2008 với khởi đầu nhiều khó khăn qua 2 năm hoạt động, Khang Việt
                Phát đã từng bước khẳng định được mình trong phân khúc thị trường xây dựng nhà phố
                và biệt thự với nhiều công trình lớn nhỏ tại khu vực TP. Hồ Chí Minh và các tỉnh
                lân cận.
                <br />
                <br />
                Những công trình công ty thực hiện luôn đãm bảo được chất lượng, an toàn, đúng tiến
                độ đáp ứng sự mong đợi của khách hàng.Với đội ngũ kỹ sư,kiến trúc sư nhiệt huyết,
                giỏi nghề Khang Việt Phát đang từng bước phát triển để trở thành nhà thầu chuyên
                nghiệp trong lĩnh vực xây dựng dân dụng và công nghiệp.</div>
        </div>
             <% } %>
             <% if(i == "3"){ %>

                    <div class="bgWhite">
            <div class="titleBlack">
                NỘI THẤT VĂN PHÒNG</div>
            <div class="textBlack">
                Thành lập vào năm 2008 với khởi đầu nhiều khó khăn qua 2 năm hoạt động, Khang Việt
                Phát đã từng bước khẳng định được mình trong phân khúc thị trường xây dựng nhà phố
                và biệt thự với nhiều công trình lớn nhỏ tại khu vực TP. Hồ Chí Minh và các tỉnh
                lân cận.
                <br />
                <br />
                Những công trình công ty thực hiện luôn đãm bảo được chất lượng, an toàn, đúng tiến
                độ đáp ứng sự mong đợi của khách hàng.Với đội ngũ kỹ sư,kiến trúc sư nhiệt huyết,
                giỏi nghề Khang Việt Phát đang từng bước phát triển để trở thành nhà thầu chuyên
                nghiệp trong lĩnh vực xây dựng dân dụng và công nghiệp.</div>
        </div>
             <% } %>
        
        <div id="scrollbar1">
            <div class="scrollbar">
                <div class="track">
                    <div class="thumb">
                        <div class="end">
                        </div>
                    </div>
                </div>
            </div>
            <div class="viewport">
                <div class="overview">
                <% if(Model != null && Model.Count() != 0)
                               { %>
                <% foreach (var tmp in Model)
                               { %>
                               <a href="<%: Url.Content("~/Project/Detail/" + tmp.otkntProduct.Id) %>">
                    <div class="imgThumb">
                        <div class="boxgrid captionfull">
                            <img src="<%= Utils.ResolveUrl(this.Html,"~/Uploads/" + tmp.Url) %>" width="182"
                                height="151" />
                            <div class="cover boxcaption">
                                <div class="titleproject">
                                    <%: tmp.otkntProduct.ViInvestorName %>
                                    
                                    </div>
                                
                            </div>
                        </div>
                    </div></a>
                    <% } %>
                    <% } %>
                    <% else {%>
                    <% if(!Utils.IsEnglish()) {%>
                    Hien chua co du an nao
                    <% } %>
                    <% else { %>
                    No Project
                    <% } %>
                    <% } %>
                </div>
            </div>
        </div>
    </div>
    
</asp:Content>
